<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>鸟类的特征</title>
	<link class="right-li"nk rel="stylesheet" type="text/css" href="./css/navtop.css">
	<link class="right-li"nk rel="stylesheet" type="text/css" href="./css/navside.css">
	<link class="right-li"nk rel="stylesheet" type="text/css" href="./css/center.css">
	<style type="text/css">
		*{
			margin: 0;
			padding:0;
		}
		.sky img{
			width: 100%;
			position: absolute;
			top: 0;
			z-index: -1;
		}
		.blank{
			height: 300px;
		}
		
	</style>
</head>
<body>
	<div id="top"></div>
	<nav class="navtop">
		<div class="navdiv div1">
			<a class="nav a1" href="">主页</a>
			<a class="nav a1" href="">资料</a>
			<a class="nav a1" href="">拓展</a>
			<a class="nav a1" href="">娱乐</a>
		</div>
		<div class="navdiv div2">
			<ul class="navul">
				<a href=""><li class="right-li" class="navli">二级</li></a>
				<a href=""><li class="right-li" class="navli">二级</li></a>
				<a href=""><li class="right-li" class="navli">二级</li></a>
				<a href=""><li class="right-li" class="navli">二级</li></a>
				<a href=""><li class="right-li" class="navli">二级</li></a>
			</ul>
			<ul class="navul">
				<a href=""><li class="right-li" class="navli">二级</li></a>
				<a href=""><li class="right-li" class="navli">二级</li></a>
				<a href=""><li class="right-li" class="navli">二级</li></a>
				<a href=""><li class="right-li" class="navli">二级</li></a>
				<a href=""><li class="right-li" class="navli">二级</li></a>
			</ul>
			<ul class="navul">
				<a href=""><li class="right-li" class="navli">二级</li></a>
				<a href=""><li class="right-li" class="navli">二级</li></a>
				<a href=""><li class="right-li" class="navli">二级</li></a>
				<a href=""><li class="right-li" class="navli">二级</li></a>
				<a href=""><li class="right-li" class="navli">二级</li></a>
			</ul>
			<ul class="navul">
				<a href=""><li class="right-li" class="navli">二级</li></a>
				<a href=""><li class="right-li" class="navli">二级</li></a>
				<a href=""><li class="right-li" class="navli">二级</li></a>
				<a href=""><li class="right-li" class="navli">二级</li></a>
				<a href=""><li class="right-li" class="navli">二级</li></a>
			</ul>
		</div>
	</nav>
	<div class="navside">
		<img class="sideimg" src="./img/navside.png">
		<a class="sidea1" href="#top">返回顶部</a>
		<a class="sidea2" href="#bottom">抵达底部</a>
	</div>
	<div class="sky">
		<img src="./img/sky.png">
	</div>
	<div class="blank"></div>
	<div class="center">
		<div class="cen-left">
			<a target="_blank" href="http://www.kepuchina.cn/kpcs/ydt/kxyl6/201706/t20170630_207991.shtml">
				<img class="cen-left-img" src="./img/bird1.jpg">
			</a>
			<div class="cen-left-div">
				鸟类为什么没有牙齿?
			</div>
		</div>
		<div class="cen-right">
			<div class="cen-right-top">鸟类的特征</div>
			<div class="cen-right-main">
				<div class="cen-right-div m"><a target="_blank" href="http://video.kepuchina.cn/kxbk/content_3059.shtml"><img src="./img/bird2.jpg"></a>鸟类的繁殖--求偶与交配</div>
				<div class="cen-right-div"><a target="_blank" href="http://video.kepuchina.cn/kxbk/content_3027.shtml"><img src="./img/bird3.jpg"></a>飞禽与走禽的由来_鸟的进化</div>
				<div class="cen-right-div"><a target="_blank" href="http://video.kepuchina.cn/kxbk/content_3057.shtml"><img src="./img/bird4.jpg"></a>鸟类为什么会飞行</div>
				<div class="cen-right-div m"><a target="_blank" href="http://video.kepuchina.cn/kxbk/content_3303.shtml"><img src="./img/bird5.jpg"></a>科学家如何定位鸟类迁徙</div>
				<div class="cen-right-div"><a target="_blank" href="http://video.kepuchina.cn/kxbk/content_14544.shtml"><img src="./img/bird6.jpg"></a>认识鸵鸟</div>
				<div class="cen-right-div"><a target="_blank" href="http://video.kepuchina.cn/qt/content_14153.shtml"><img src="./img/bird7.jpg"></a>刁蛮的火鸟</div>
			</div>
		</div>
	</div>
	<img class="bottomimg" src="./img/bottom.png">
	<div id="bottom"></div>
</body>
</html>